
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>奖惩信息导入</title>
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <link rel="stylesheet" href="/css/base/base.css?20201106.1">
    <link rel="stylesheet" href="/css/notice/noticeManagement.css">
    <script src="/js/common/language.js"></script>
    <script src="/js/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/js/base/tablePage.js"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <style>
        table tbody td{
            text-align: left;
            padding: 10px;
            box-sizing: border-box;
        }
        table tbody td.color{
            padding:10px 10px 10px 50px;
        }
        input{
            float: none;
        }
        .editAndDelete3{
            color: red;
        }
        .color{
            font-size: 11pt;
            color: #2a588c;
            font-weight: bold;
        }
        table tbody td textarea{
            width: 229px;
            height: 34px;
            line-height: 34px;
            padding-left: 10px;
            outline: none;
            border-radius: 4px;
            vertical-align: middle;
            font-family:"Microsoft Yahei";
        }
        table tbody td a{
            vertical-align: middle;
            font-size: 11pt;
        }
        table tbody td select{
            width: 119px;
            height: 28px;
            border-radius: 4px;
        }
        table tbody td input[type=text]{
            width: 288px;
            height: 32px;
            border-radius: 4px;
            padding-left: 10px;
            box-sizing: border-box;
        }
        .btnsava{
            padding:5px 15px;
            border-radius: 4px;
            background: #2F8AE3;
            color: #fff;
        }
        .pagediv .page-bottom-outer-layer table td{
            text-align: left;
        }
        #pagediv{
            width: 100%;
        }
        #pagediv table{
            width: 80%;
            margin: 0 auto;
        }
        #pagediv table tr:nth-child(odd){
            background-color: #F6F7F9;
        }
        #pagediv table tr:nth-child(even){
            background-color: #ffffff;
        }
        #pagediv table tr th{
            padding: 8px;
            font-size: 13pt;
            color: #2F5C8F;
            font-weight: bold;
            text-align: center;
        }
        #pagediv table tr td{
            padding: 8px;
            font-size: 11pt;
        }
    </style>
    <%--<script src="/js/notice/theQuery.js"></script>--%>
</head>
<body>
<div class="navigation">
    <img src="/img/commonTheme/${sessionScope.InterfaceModel}/gonggaochaxun.png" alt="">
    <h2>奖惩信息导入</h2>
</div>
<div class="query">
    <div class="header">奖惩信息导入</div>
    <form id="ajaxform" action="">
        <table style="width: 100%;    border: 1px solid #c0c0c0;
    border-top: none;">
            <tbody>
            <tr class="borderNone">
                <td width="30%" class="color">下载导入模板：</td>
                <td width="70%">
                    <a href="#">奖惩信息导入模板下载</a>
                </td>
            </tr>
            <tr class="borderNone">
                <td width="30%" class="color">选择导入文件：</td>
                <td width="70%">
                    <input type="file" name="file" value="请选择文件"/>
                </td>
            </tr>
            <tr class="borderNone">
                <td width="30%"  class="color">说明：</td>
                <td width="70%">
                    <p>1、请导入.xls文件。</p>
                    <p>2、用户名，单位员工(OA中真实姓名)必须填写一个，否则不导入。 </p>
                    <p>3、奖惩日期格式如：2007-11-12 </p>
                </td>
            </tr>

            <tr class="borderNone">
                <td colspan="2" style="text-align: center">
                    <a href="javascript:;" class="btnsava">导入</a>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
<%--<div id="pagediv" style="visibility:hidden;">--%>
    <%--<table cellspacing="0" cellpadding="0" style="border-collapse:collapse;">--%>
        <%--<thead>--%>
        <%--<tr>--%>
            <%--<th>选择</th>--%>
            <%--<th>单位员工</th>--%>
            <%--<th>奖惩项目</th>--%>
            <%--<th>奖惩日期</th>--%>
            <%--<th>奖惩属性</th>--%>
            <%--<th>奖惩金额</th>--%>
            <%--<th>操作</th>--%>
        <%--</tr>--%>
        <%--</thead>--%>
        <%--<tbody id="trList">--%>

        <%--</tbody>--%>
    <%--</table>--%>
    <%--<div class="right">--%>
        <%--<!-- 分页按钮-->--%>
        <%--<div class="M-box3" id="dbgz_pagesd"></div>--%>
    <%--</div>--%>
<%--</div>--%>

<script type="text/javascript">
    $('.btnsava').click(function () {
//        $('#ajaxform').ajaxSubmit({
//            type: 'post',
//            dataType: 'json',
//            success: function (json) {
//                if (json.flag) {
//                    $.layerMsg({content: SuccessfulOperation, icon: 1}, function () {
//                        parent.$('[name="notices"]').attr('src','../../notice/management')
//                        parent.$('.head-top ul li').removeClass('active')
//                        $((parent.$('.head-top ul li'))[0]).addClass('active')
//                    });
//                } else {
//                    $.layerMsg({content: networkError, icon: 2});
//                }
//
//            }
//        })
    })
</script>

</body>
</html>